/* Theme Name: MGIS Theme URI: Author: Bonoboz Team Author URI: https://www.bonoboz.in/ Description: WP theme for MGIS. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal; background:#fff}iframe { display:block;} a {text-decoration:underline;color:#444587;transition:all 0.3s ease;} a:focus,a:hover,a:active {outline: 0;} a:hover {text-decoration:none;color:#0d479e;} /********* Clear floats *********/ .clear:before, .clear:after, .cf:before, .cf:after, .wrap:before, .wrap:after, .row:before, .row:after, .boxs:before, .boxs:after {content:" ";display:table} .clear:after, .cf:after, .wrap:after, .row:after, .boxs:after{clear:both} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;} /* font-family: 'Oswald', sans-serif; */ /********* Common Classes *********/ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0} body,button,input,select,textarea {color:#6e6e6e;font-family: 'Open Sans', sans-serif;font-size:16px; font-weight:normal; line-height:1.6;} body {background-color:#fff; overflow-x:hidden} h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#3e3e3e; line-height:1.4} h1 {font-size:40px;}h2 {font-size:30px;}h3 {font-size:24px;}h4 {font-size:18px;}h5 {font-size:16px;}h6 {font-size:14px;}ul {padding:0 0 0 15px;} ol { padding:0 0 0 20px}ul ul,ol ol { margin:10px 0} ul.bulletText { list-style:none; padding:0;} ul.bulletText li {padding:2px 0 2px 15px;} ul.checkText li {padding-left:30px;} blockquote { text-align:center; font-size:28px; color:#e33537; font-weight:bold; margin-bottom:25px;} p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 25px;} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100%;padding:5px 10px; width:100%} input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus, select:focus, textarea:focus{border-color:#ccc;} input[type="submit"], input[type="button"],input[type="reset"],.button{font-size:15px; font-weight:600; color:#414386; border:2px solid #414386; line-height:20px; padding:8px 20px; text-decoration:none;text-align:center; cursor:pointer; display:inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: #fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus, input[type="button"]:focus,input[type="reset"]:focus,.button:hover, .button:focus{color:#fff; border:2px solid #414386} input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input.button:hover, input.button:focus{background:#414386;} input.button[type=reset]:hover, input.button[type=reset]:focus{background:#eee; color:#000; border-color:#000} .button:before {content: "";position: absolute;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background:#414386;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .button:hover:before, .button:focus:before, .button:active:before {-webkit-transform: scale(1);transform: scale(1);} .alignLeft { float:left}.alignRight { float:right;} /********** Image Formating & Alignment **********/ .imgLeft{float:left; margin-right:20px; margin-bottom:20px;}.imgRight{float:right; margin-left:20px; margin-bottom:20px;}.imgCenter{float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block;}.imgBorder { border:1px solid #ccc; padding:5px}.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.shadow {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px;} /********** Alignment **********/ .left{text-align:left !important}.right{text-align:right !important}.center{text-align:center !important}.justify{text-align:justify !important} /********** Error/Alert Messages **********/ .message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid transparent; position:relative;} .message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .message.success a {color: #2b542c;} .message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .message.error a{color: #843534;} /********** Table **********/ .tableOut { overflow-y:hidden; overflow-x:auto} table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;border-top:1px solid #E9E9EA;border-left:1px solid #E9E9EA;} table table { margin:0} th,td {border:none; padding:8px 10px;border-bottom:1px solid #E9E9EA;border-right:1px solid #E9E9EA;} caption,th,td {font-weight: normal; background:#fff} th{background:#f3f3f3} .tableScroll { overflow-y:hidden; overflow-x:auto} .textLeft{text-align:left !important} .textRight{text-align:right !important} .textCenter{text-align:center !important} .textJustify{text-align:justify !important} /* ******** Grid : 12 Coloum and Boxs ******** */ .row { margin:0 -15px;}.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:left; padding-left:15px; padding-right:15px;}.cols12 {width:100%}.cols11 {width:91.66666667%}.cols10 {width:83.33333333%}.cols9 {width:75%}.cols8 {width:66.66666667%}.cols7 {width:58.33333333%}.cols6 {width:50%}.cols5 {width:41.66666667%}.cols4 {width:33.33333333%}.cols3 {width:25%}.cols2 {width:16.66666667%}.cols1 {width:8.33%} /********** Layout **********/ #wrapper {} .wrap { margin:0 auto; width:100%; max-width:1170px;} #middleSection {} .contentLeft { float:left; width:68%} .sidebar { float:right; width:27%; margin-bottom:50px;} /*Header*/ #header {z-index:9999;background-color:#fff; background-color:rgba(255,255,255,0.8); position:absolute; left:0; top:0; width:100%} .siteLogo {float:left; margin:20px 0} .topLink { list-style:none; margin:15px 0; padding:0; float:right; font-weight:500; line-height:40px;} .topLink li { float:left; padding-left:25px;} .topLink .phone {font-size:18px; font-weight:bold; } .topLink .jobLink a{ display:block; background-color:#34b86c; color:#fff; padding:0 15px; text-decoration:none} .topLink .jobLink a:hover {background-color:#444586; color:#fff} .toggleMenu { display:none;} .mainNav {float:right; clear:right;font-weight:500; margin:15px 0 0;} .mainNav ul { list-style:none; margin:0; padding:0} .mainNav li { float:left; margin-left:30px; position:relative} .mainNav li a{display:block; text-decoration:none; color:#303030; position:relative; padding-bottom:26px; text-transform:uppercase;} .mainNav li a:hover{ color:#444586} .mainNav li a:before {content: "";position: absolute;width: 100%;height:5px;bottom: 0;left: 0;background-color: #444586;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} .mainNav li a:hover:before, .mainNav .current-menu-item a:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);} .mainNav .icon { display:none !important} .sub-menu { position:absolute; left:50%; margin-left:-125px !important; top:100%; width:250px; display:none;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.3); z-index:999; background-color:#fff;} .menu-item-33 .sub-menu{ width:200px; margin-left:-100px !important;} .mainNav li:hover .sub-menu { display:block; -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} .sub-menu li { float:none; margin:0; border-bottom:1px solid #eee; text-align:center} .sub-menu li a:before { display:none;} .sub-menu li a { text-transform:none; padding:10px 20px; line-height:normal} .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDownBig { 0% {opacity: 0;-webkit-transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);}} @-moz-keyframes fadeInDownBig { 0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}} @-o-keyframes fadeInDownBig { 0% {opacity: 0;-o-transform: translateY(-20px);}100% {opacity: 1;-o-transform: translateY(0);}} @keyframes fadeInDownBig { 0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}} .language-chooser { float:right; list-style:none; margin:0; padding:0} .language-chooser li {display:inline-block; margin-left:10px;} .language-chooser li a {text-decoration:none} #mainBanner {position:relative; height:700px; width:100%} #mainBanner .bannerBtn {border:2px solid #fff; padding:10px 0; width:180px; font-size:20px; position:absolute; bottom:120px; left:50%; margin-left:-90px; color:#fff; text-decoration:none; text-align:center} .bannerBtn:hover { background-color:#fff; color:#444586 !important; border-color:#444586} /* layout */ .panorama,.panorama-view{width:100%;height:100%;overflow:hidden} .panorama,.panorama-container{position:relative} .panorama-container img{height:100%;position:absolute;top:0} .panorama .info,.panorama-view .area{position:absolute;display:block} .panorama .info{left:10px;top:10px} /* style */ .panorama-view{cursor:url(assets/images/openhand.cur),default} .panorama-view.grab{cursor:url(assets/images/closedhand.cur),default} .panorama .info{padding:6px;opacity:0.4;background-color:#000;color:#fff;font:11px bold Arial,sans-serif;text-decoration:none} .panorama .info:hover{opacity:0.6} .panorama-view .area{opacity:0.2;background-color:#000;cursor:pointer} .panorama-view .area:hover{opacity:0.4} .panorama-view img{user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none} /*Our Story*/ .introText { padding:50px 0} .storyText { float:left; width:50%; padding-right:30px;} .introText .btn { border:2px solid #e84a3d; font-size:18px; color:#e84a3d; font-weight:bold; text-decoration:none; display:inline-block; padding:10px 20px; line-height:26px;} .introText .btn:hover { background-color:#e84a3d; color:#fff} .videoBlock { float:right; width:50%;} .videoBlock a { display:block;} #iframeVideo { position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000;background: rgba(0, 0, 0, 0.5); z-index:9999; display:none;} #iframeVideo iframe {max-width:1170px; height:658px; width:100%; position:absolute; left:50%; top:50%; margin:-325px 0 0 -585px;} .btnClose { background:url(assets/images/litebox-close.png) no-repeat; width:40px; height:40px; text-indent:-1000px; overflow:hidden; position:absolute; right:20px; top:20px; z-index:99999} /*Certification*/ .certificationBlock{background-color:#f8f8f8} .certiListing {text-align:center} .certiBlock { display:inline-block; padding:20px 40px; text-align:center} .certiBlock img { max-height:65px;} .certiBlock img{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter:grayscale(1); filter: gray;transition: filter .5s;} @media screen and (-webkit-min-device-pixel-ratio: 0){.clientPageBlock .mainImg{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}} .certiBlock:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0);} /*home Block*/ .homeBlock { padding:50px 0; background-color:#ebebeb} .homeBlock .row { margin:0 -0.5%;} .homeBlock .cols4 { width:32.33%; padding:15px; margin:0 0.5%; background-color:#fff;min-height:490px} .videoHBlock h4{ margin:20px 0 20px;} .videoHBlock p { margin-bottom:0} .eventBlock {border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;} .eventBlock:last-child { margin:0; padding:0; border:none} .eventBlock .eventImg{ float:left; width:25%} .eventBlock .eventInfo{float:left; width:75%; padding-left:20px; font-size:15px;} .eventBlock .eventInfo p { margin:0} .eventBlock .name { font-weight:600; font-size:16px; margin:0 0 10px} .eventBlock .eventDate{ font-style:italic} .eventBlock .eventLocation{} #footer { text-align:center; color:#fff; background-color:#414386; font-weight:normal; padding:25px 0; margin-top:0px;} .footerLinks { list-style:none; margin:0 0 20px; padding:0; font-weight:bold; text-transform:uppercase;} .footerLinks .icon, .footerLinks .icon{ display:none !important} .footerLinks li { display:inline-block; position:relative; padding:0 30px;} .footerLinks li:before{content:""; position:absolute; left:0; top:6px; height:15px; width:1px; background-color:#fff;} .footerLinks li:first-child:before { display:none;} .footerLinks li a { color:#fff; text-decoration:none;} .footerLinks li a:hover { color:#e84a3d} .contactFooter { margin-bottom:30px;} .contactFooter a { color:#fff; text-decoration:none} .contactFooter a:hover { color:#e84a3d} .contactFooter div{ display:inline-block; margin:0 25px; font-weight:bold; font-size:20px; padding-left:25px; background-position:0 center; background-repeat:no-repeat;} .socialLinks { margin:0 0 20px;} .socialLinks a { display:inline-block; background:url(assets/images/share.png) no-repeat; width:48px; height:48px; border:2px solid #c1c1c1; overflow:hidden; text-indent:-1000px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:0 10px; opacity:0.8} .socialLinks a:hover { background-color:#fff; border-color:#fff; opacity:1} .socialLinks .fb {background-position:14px 8px} .socialLinks .fb:hover {background-position:14px -39px} .socialLinks .tw {background-position:-46px 9px} .socialLinks .tw:hover {background-position:-46px -39px} .socialLinks .it {background-position:-107px 8px} .socialLinks .it:hover {background-position:-107px -39px} .socialLinks .yt {background-position:-169px 8px} .socialLinks .yt:hover {background-position:-169px -39px} /********** Owl Carousel **********/ .owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;} .fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOut {0% {opacity:1 ;} 100% {opacity:0 ;} }@keyframes fadeOut {0% {opacity:1 ;} 100% {opacity:0 ;} } .owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;} .owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0, 0);} .owl-carousel.owl-loaded {display: block;} .owl-carousel.owl-loading {opacity: 0;display: block;} .owl-carousel.owl-hidden {opacity: 0;} .owl-carousel .owl-refresh .owl-item {display: none;} .owl-carousel .owl-item {position: relative;min-height: 1px;float: left;} .owl-carousel .owl-item img {display: block;-webkit-transform-style: preserve-3d; margin:0 auto} .owl-carousel .owl-grab {cursor: move;} .owl-carousel.owl-rtl {direction: rtl;} .owl-carousel.owl-rtl .owl-item {float: right;} .owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .owl-carousel .owl-item img {transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;} .owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;} .owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .owl-carousel .owl-video-frame {position: relative;z-index: 1;} .owlCarousel .item {text-align:center;position:relative} .owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent;} .owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{color:#fff;cursor:pointer; display:block; width:80px; height:80px; position:absolute; top:50%; margin-top:-40px;background-image:url(assets/images/arrows.png); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;} .owl-theme .owl-controls .owl-nav .owl-prev { left:0; background-position:25px center} .owl-theme .owl-controls .owl-nav .owl-next { right:0; background-position:-55px center} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots {width:100%; padding-top:10px;} .owl-theme .owl-dots .owl-dot{display:inline-block;} .owl-theme .owl-dots .owl-dot span{width:12px;height:12px;margin:5px 7px;background:#224680;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#f04a3a} .getinForm { background-color:#e84a3d; max-width:970px; margin:0 auto; padding:40px 40px} .getinForm .formElement { float:left; width:50%; text-align:left; padding:0 40px;} .getinForm .inputBox { padding:15px 20px; line-height:26px; border:none; color:#757575; height:56px; margin-bottom:20px;-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);} .getinForm .captchaBtn { border-top:1px solid #18924f; padding-top:30px; margin-top:10px;} .getinForm h4 { font-size:26px; color:#fff; margin-bottom:20px} .getinForm .checkText { margin-bottom:10px;} .getinForm .checkText input { visibility:hidden; overflow:hidden; position:absolute; left:0; top:0} .getinForm .checkText label { position:relative; color:#ffffff; font-size:18px; font-weight:600; padding-left:25px; cursor:pointer} .getinForm .checkText label:before{content:""; position:absolute; left:0; top:5px; width:18px; height:18px; border:2px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .getinForm .checkText input:checked + label:after{content:""; position:absolute; left:5px; top:10px; width:8px; height:8px;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .getinForm .captchaDiv { text-align:right} .getinForm .btnDiv input { background-color:#454749; border:2px solid #454749; color:#fff; font-size:22px; font-weight:bold; color:#ffffff; height:60px; padding:0 30px; text-transform:uppercase; cursor:pointer} .getinForm .btnDiv input:hover {background:none; color:#454749} .getinForm br{display:none} .getinForm .wpcf7-form-control-wrap { display:block;} .getinForm .formElement p { margin:0} .getinForm .wpcf7-list-item {margin:0 0 10px; display:block;} .getinForm .wpcf7-list-item input { visibility:hidden; overflow:hidden; position:absolute; left:0; top:0} .getinForm .wpcf7-list-item .wpcf7-list-item-label { position:relative; color:#ffffff; font-size:18px; font-weight:600; padding-left:25px; cursor:pointer} .getinForm .wpcf7-list-item .wpcf7-list-item-label:before{content:""; position:absolute; left:0; top:5px; width:18px; height:18px; border:2px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .getinForm .wpcf7-list-item input:checked + .wpcf7-list-item-label:after{content:""; position:absolute; left:5px; top:10px; width:8px; height:8px;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .getinForm span.wpcf7-not-valid-tip { margin:-15px 0 15px; display:block; font-size:14px} .getinForm .wpcf7-response-output { color:#fff} .getinForm .serviceBlock .wpcf7-not-valid-tip { margin-top:0} /********* LiteBox v1.3 **********/ .litebox-overlay,.litebox-overlay > * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.litebox-overlay {display: none;width: 100%;min-width: 280px;text-align: center;position: fixed;top: 0;left: 0;z-index: 9999;}@-webkit-keyframes liteboxLoader {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}@-moz-keyframes liteboxLoader {0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); }}@-ms-keyframes liteboxLoader {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); }}@-o-keyframes liteboxLoader {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(360deg); }}@keyframes liteboxLoader {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.litebox-overlay .litebox-loader {position: absolute;width: 40px;height: 40px;left: 20px;top: 20px;border: 3px solid #111;border-right-color: #fff;border-radius: 50%;-webkit-animation: liteboxLoader 1s linear infinite;-moz-animation: liteboxLoader 1s linear infinite;-ms-animation: liteboxLoader 1s linear infinite;-o-animation: liteboxLoader 1s linear infinite;animation: liteboxLoader 1s linear infinite;}.litebox-overlay .litebox-text {width: 100%;padding: 0 15px;background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 12px;line-height: 50px;position: absolute;bottom: 0;z-index: 2;-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}.litebox-overlay .litebox-text.active {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);opacity: 1;}.litebox-overlay .litebox-close {width: 40px;height: 40px;background: url(assets/images/litebox-close.png) no-repeat center;opacity: .7;position: absolute;top: 20px;right: 20px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.litebox-overlay .litebox-close:hover {opacity: 1;cursor: pointer;}.litebox-overlay .litebox-nav {display: none;width: 60px;height: 60px;margin-top: -30px;opacity: .2;position: absolute;top: 50%;z-index: 9999999;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.litebox-overlay .litebox-nav:hover {opacity: .5;cursor: pointer;}.litebox-overlay .litebox-prev {background: url(assets/images/litebox-prev.png) no-repeat center;left: 20px;}.litebox-overlay .litebox-next {background: url(assets/images/litebox-next.png) no-repeat center;right: 20px;}.litebox-overlay .litebox-container {position: absolute;top: 10%;right: 10%;bottom: 10%;left: 10%;overflow: hidden;}.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }.litebox-overlay img,.litebox-overlay iframe {display: inline-block;max-width: 100%;max-height: 100%;margin: 0 auto;vertical-align: middle;overflow-x: hidden;}.litebox-overlay iframe {width: 100%;height: 100%;position: relative;z-index: 999999;}.litebox-overlay .litebox-inline-html {width: 100%;padding: 20px;background: #FFF;line-height: normal;overflow-x: hidden;line-height: normal !important;position: absolute;}.litebox-overlay .litebox-error {width: 100%;height: 100%;color: #FFF;text-align: center;line-height: inherit;}.litebox-overlay .litebox-error span {background: rgba(0, 0, 0, .9);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 20px;color: #FFF;text-shadow: 1px 1px 0 #000;line-height: normal;}@media only screen and (max-width: 479px) {.litebox-overlay .litebox-close { display: none; }} #innerBanner { position:relative; background:url(assets/images/default-banner.jpg) no-repeat center top fixed; padding-top:90px; min-height:345px; margin-bottom:40px;} #innerBanner:before {content:""; width:100%; height:100%; background-color:#2950a3; position:absolute; left:0; top:0; opacity:0.7} #innerBanner.blogBanner {background-image:url(assets/images/blog-banner.jpg)} #innerBanner.eventBanner {background-image:url(assets/images/event-banner.jpg)} #innerBanner h1{ margin:0; padding:100px 0; font-weight:bold; font-size:40px; color:#fff; z-index:88; position:relative} .breadcrumbs {background-color:#ff1b1b; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:100%; z-index:99; padding:18px 15px;} .breadcrumbs .wrap {color:#fff;position:relative; left:100px; opacity:0} .breadcrumbs a { font-weight:normal; color:#fff; text-decoration:none} .breadcrumbs a:hover { text-decoration:underline} .page-id-11 .full-width .wrap { max-width:100%} .googleMap { position:relative; height:220px; overflow:hidden;} .googleMap:before {content:""; width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0.5} .googleMap.active:before { display:none;} .mapText{ position:absolute; left:0; top:0; width:100%; z-index:9; text-align:center; color:#fff; padding:30px 0 0} .mapText h3 { margin:0; color:#fff; padding-top:0;} .mapText a {color:#fff; text-decoration:underline} .googleMap.active .mapText { display:none;} .contactForm { text-align:center; padding:0 0 40px;margin:0 auto; width:700px;} .contactForm .wrap {max-width:900px;text-align:center; background-color:#e84a3d; color:#fff; padding:40px 0} .contactForm h3 { font-size:26px; margin-bottom:10px;} .contactUsForm p {margin-bottom:0;} .contactForm .row { margin:0} .contactUsForm { padding:0 2%} .contactUsForm .formElement { margin:0 2% 30px;} .contactUsForm .formElement.full { clear:both} .contactUsForm .formGroup .formElement { float:left; width:46%; margin-left:2%; margin-right:2%;} .contactUsForm label{ display:block; margin-bottom:10px; text-align:left} .contactUsForm .inputBox{padding:15px 20px; line-height:26px; border:1px solid #ccc; color:#757575; height:56px;} .contactUsForm .inputBox:focus { background-color:#fff} .contactUsForm textarea.inputBox { height:140px;} .contactUsForm .btns {margin-bottom:0; text-align:center;} .contactUsForm .btns input { background-color:#454749; border:2px solid #454749; color:#fff; font-size:22px; font-weight:bold; color:#ffffff; height:60px; padding:0 30px; text-transform:uppercase; cursor:pointer} .contactUsForm .btns input:hover {background:none; color:#454749} .contactUsForm .fileUpload { display:none;} /*Inner page*/ /*.contentLeft { float:left; width:66%;}*/ .contentLeft {width:100%;} #sidebar { float:right; width:30%;display:none;} #sidebar .widget { margin-bottom:30px} .blogcontentLeft { float:left; width:65%} .blogSidebar { float:right; width:30%; margin-bottom:50px;} .sidebarLinks { background-color:#e7e7e7; padding:25px;} .sidebarLinks ul {margin:0; list-style:none; padding:0} .sidebarLinks li {margin-bottom:15px; line-height:normal} .sidebarLinks a {position:relative; color:#333; text-decoration:none;padding-left:25px; display:block;} .sidebarLinks a:before{content:"";border:2px solid #262626;position:absolute;left:0;top:7px;width:12px;height:12px;transition: all 0.3s ease 0s;} .sidebarLinks a:hover { color:#e84a3d} .sidebarLinks a:hover:before {left:5px;border-color:#e84a3d;} .getinTouchForm { background-color:#e84a3d; max-width:970px; margin:0 auto; padding:25px 25px 5px;color:#fff} .getinTouchForm h3 {color:#fff} .getinTouchForm p {} .getinTouchForm .wpcf7-form-control-wrap {margin-bottom:20px; display:block;} .getinTouchForm .inputBox { padding:10px 20px; line-height:26px; border:none; color:#757575; height:48px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);} .getinTouchForm .captchaBtn {margin-top:10px;} .getinTouchForm h4 { font-size:18px; color:#fff; margin-bottom:10px} .getinTouchForm .checkText { margin-bottom:10px;} .getinTouchForm .checkText input { visibility:hidden; overflow:hidden; position:absolute; left:0; top:0} .getinTouchForm .checkText label { position:relative; color:#ffffff; font-size:16px; font-weight:normal; padding-left:25px; cursor:pointer; padding-top:2px;} .getinTouchForm .checkText label:before{content:""; position:absolute; left:0; top:5px; width:18px; height:18px; border:2px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .getinTouchForm .checkText input:checked + label:after{content:""; position:absolute; left:5px; top:10px; width:8px; height:8px;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .getinTouchForm .captchaDiv { text-align:center; margin-bottom:20px;} .getinTouchForm .btnDiv { margin-bottom:0} .getinTouchForm .btnDiv input { background-color:#454749; border:2px solid #454749; color:#fff; font-size:18px; font-weight:bold; color:#ffffff; height:50px; padding:0 30px; text-transform:uppercase; cursor:pointer; width:100%} .getinTouchForm .btnDiv input:hover {background:#fff; color:#e84a3d; border-color:#fff} .getinTouchForm br{display:none} .getinTouchForm .wpcf7-form-control-wrap { display:block;} .getinTouchForm .formElement p { margin:0} .getinTouchForm .wpcf7-list-item {margin:0 0 10px; display:block;} .getinTouchForm .wpcf7-list-item input { visibility:hidden; overflow:hidden; position:absolute; left:0; top:0} .getinTouchForm .wpcf7-list-item .wpcf7-list-item-label { position:relative; color:#ffffff; font-size:16px; font-weight:normal; padding-left:25px; cursor:pointer} .getinTouchForm .wpcf7-list-item .wpcf7-list-item-label:before{content:""; position:absolute; left:0; top:5px; width:18px; height:18px; border:2px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .getinTouchForm .wpcf7-list-item input:checked + .wpcf7-list-item-label:after{content:""; position:absolute; left:5px; top:10px; width:8px; height:8px;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .getinTouchForm span.wpcf7-not-valid-tip { margin:-15px 0 15px; display:block; font-size:14px} .getinTouchForm .wpcf7-response-output { color:#fff; margin:0 0 20px} .getinTouchForm .serviceBlock .wpcf7-not-valid-tip { margin-top:0} /*About Us*/ .aboutBlock { position:relative; padding-left:210px; margin-bottom:50px; border-bottom:2px solid #eee; padding-bottom:20px} .aboutBlock:last-child { border:none; padding-bottom:0; margin:0} .aboutBlock img { width:175px; position:absolute; left:0; top:0;} .aboutBlock h2 { font-size:22px; margin-bottom:15px;} /*News*/ .newsListing { margin:0 -20px;} .newsBlock { float:left; width:50%; padding:0 20px 20px;} .newsBlock img { margin-bottom:10px;} .newsBlock h3 { font-weight:300; font-size:22px; line-height:normal; margin-bottom:10px;} .newsBlock h3 a { text-decoration:none; color:#444586} .newsBlock h3 a:hover { text-decoration:underline; color:#444587} .newsBlock .newsDate { color:#888; font-style:italic; margin-bottom:15px;} .featuredBlock { border-bottom:2px solid #eee; margin-bottom:40px; padding-bottom:5px;} .featuredBlock img{ margin-bottom:15px;} .featuredBlock h3 { font-weight:normal; font-size:28px; line-height:normal; margin-bottom:10px;} .featuredBlock h3 a { text-decoration:none; color:#444586} .featuredBlock h3 a:hover { text-decoration:underline; color:#444587} .featuredBlock .newsDate { color:#888; font-style:italic; margin-bottom:15px;} .blogDetails h2 { margin-bottom:10px;} .blogDetails .post-thumbnail, .blogDetails .newsDate { margin-bottom:30px;} .entry-meta .updated {clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;} .post-thumbnail { margin-bottom:20px} .entry-title { font-weight:normal; font-size:28px; line-height:normal; margin-bottom:10px;} .entry-title a { text-decoration:none; color:#444586} .entry-title a:hover { text-decoration:underline; color:#444587} .entry-meta { color:#888; font-style:italic; margin-bottom:15px;} .entry-meta a {color:#888; text-decoration:none} .entry-meta a:hover { color:#444587} .entry-meta .edit-link { margin-left:15px;} /*Pagination*/ .pagination {clear:both;text-align:center; padding:30px 0} .pagination ul{ list-style:none; padding: 0;margin: 0; display:inline-block} .pagination li { float:left; font-size:16px; margin:0 5px;} .pagination li a { color:#6f6e6e; text-decoration:none; display:block; padding:2px 10px; line-height:26px;} .pagination li a:hover, .pagination .active a { color:#e84a3d} .pagination .prev a, .pagination .next a{ color:#fff; overflow:hidden; text-indent:-1000px; width:30px; height:30px;} .pagination .prev a{ background-position:10px center} .pagination .next a{background-position:-50px center} .recentBlogs {background-color:#e7e7e7; padding:25px 25px 0; margin-bottom: 40px} .recentBlogs .newsBlock{ float:none; width:auto; padding:0 0 25px} .recentBlogs .newsBlock .newsDate { margin-bottom:0} .iconBullet{margin:0 0 30px; list-style:none; padding:0} .iconBullet li {margin-bottom:10px; line-height:normal;position:relative; padding-left:25px;} .iconBullet li:before{content:"";border:2px solid #aaa;position:absolute;left:0;top:7px;width:12px;height:12px;transition: all 0.3s ease 0s;} .processBlock {position:relative; padding-left:220px; min-height:350px;} .processBlock:before {content:""; position:absolute; left:87px; top:0; height:400px; width:1px; background-color:#468bc6} .processBlock:last-child:before, .processBlock:last-child .icons:after { display:none;} .processBlock .icons { position:absolute; left:0; top:0; width:175px; height:175px; border:7px solid #468bc6; background-color:#fff} .processBlock .icons:after {top:100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #468bc6;border-width:20px;margin-left: -20px; z-index:0} .securityBlock{position:relative; padding-left:220px; min-height:350px;} .securityBlock .icons { position:absolute; left:0; top:0; width:175px; height:175px; border:7px solid #468bc6; background-color:#fff} .priceBlock {position:relative; padding-left:220px; min-height:230px;} .priceBlock .icons { position:absolute; left:0; top:0; width:175px; height:175px; border:7px solid #468bc6; background-color:#fff} .blogDetails .entry-title, .blogDetails h3 {color:#444586} .blogDetails h3 {font-size:20px;} .blogDetails {max-width: 800px; margin-left: auto; margin-right: auto;} .blogDetails .size-twentyseventeen-featured-image {width: 100%} .newsListing { margin:0 -20px;} .newsListing .post { float:left; width:50%; padding:0 20px 20px;} .newsListing .post:nth-child(2n+1){clear:left} .newsListing .post img { margin-bottom:10px;} .newsListing .post h2 { font-weight:300; font-size:22px; line-height:normal; margin-bottom:10px; min-height: 55px;} .newsListing .post h2 a { text-decoration:none; color:#444586} .newsListing .post h2 a:hover { text-decoration:underline; color:#444587} .newsListing .post .entry-meta { color:#888; font-style:italic; margin-bottom:15px;} .newsListing .post .entry-summary p { display:inline} .newsListing .mainPost { border-bottom:2px solid #eee; margin:0 20px 25px;padding-bottom:25px;} .newsListing .mainPost .post { float:none; width:auto; padding:0} .newsListing .mainPost img{ margin-bottom:15px;} .newsListing .mainPost h2 { font-weight:normal; font-size:28px; line-height:normal; margin-bottom:10px;} .newsListing .mainPost h2 a { text-decoration:none; color:#444586} .newsListing .mainPost h2 a:hover { text-decoration:underline; color:#444587} .newsListing .mainPost .entry-meta { color:#888; font-style:italic; margin-bottom:15px;} .searchResult .hentry{ margin-bottom:30px; padding-bottom:5px; border-bottom:2px solid #eee} /*Team*/ .secTeamTitle { text-align:center;} .pageIntro { text-align:center; font-size:18px; font-weight:300; padding:0} .pageIntro :last-child { margin-bottom:0} .page-id-189 .pageIntro { margin-bottom:25px;} .teamListing .teamBlock{ float:left; width:18%; margin:0 1% 20px; text-align:center; position:relative; padding-top:275px; margin-bottom:30px; overflow:hidden} .teamListing .teamBlock:nth-child(5n+1){clear:left} .teamListing .teamBlock a { text-decoration:none; line-height:normal} .teamListing .teamBlock img {position:absolute; left:0; top:0;overflow:hidden; max-height:260px;} .teamListing .teamBlock img.active { opacity:1 !important;; transition: all 0.5s ease-in-out 0s; visibility: visible; } .teamListing .teamBlock img.hover { opacity:0 !important;; position:absolute; top:0; left:0; transition: all 0.5s ease-in-out 0s; visibility: hidden;} .teamListing .teamBlock:hover img.active { opacity:0 !important;; visibility: hidden;} .teamListing .teamBlock:hover img.hover { opacity:1 !important;; visibility: visible;} .teamListing .teamBlock span {display:block;} .teamListing .teamBlock .teamName {font-size:16px; font-weight:bold; color:#2950a3;} .teamListing .teamBlock .teamDesignation { font-size:15px; font-style:italic; color:#888; min-height:45px;} .founderListing { text-align:center; margin-bottom:50px;} .founderListing .teamBlock{ float:none; display:inline-block; margin:0 40px;} /*Team Details*/ .teamDetails { padding:40px 0} .teamDetails .teamBlock { float:left; width:35%; position:relative; min-height:500px;} .teamDetails .teamBlock img {position:absolute; left:0; top:0;overflow:hidden;max-height:500px;} .teamDetails .teamBlock img.active { opacity:1 !important; transition: all 0.5s ease-in-out 0s; visibility: visible; } .teamDetails .teamBlock img.hover { opacity:0 !important; position:absolute; top:0; left:0; transition: all 0.5s ease-in-out 0s; visibility: hidden;} .teamDetails .teamBlock:hover img.active { opacity:0 !important; visibility: hidden;} .teamDetails .teamBlock:hover img.hover { opacity:1 !important; visibility: visible;} .teamDetails .teamInfo { float:right; width:65%; padding-left:30px;} .teamDetails .teamInfo h1 { margin-bottom:20px;} .teamDetails .teamInfo h1 + h2{ margin-top:-20px; font-size:16px; color:#888; font-style:italic;} .pageIconNav { list-style:none; margin:0 0 50px; text-align:center; padding:0;} .pageIconNav li {display:inline-block;} .pageIconNav li a {display:block; text-decoration:none; background-position:center top; background-repeat:no-repeat; background-size:100px 100px; width:200px; padding-top:110px; font-weight:bold; font-size:18px; color:#2950a3} .pageIconNav li a:hover, .pageIconNav .active a{ color:#f04a3a} .pageIconNav .teamIco a {background-image:url(assets/images/team.png);} .pageIconNav .cultureIco a {background-image:url(assets/images/culture.png);} .pageIconNav .careerIco a {background-image:url(assets/images/career.png);} .pageIconNav .teamIco a:hover, .pageIconNav .teamIco.active a{background-image:url(assets/images/team-hover.png);} .pageIconNav .cultureIco a:hover, .pageIconNav .cultureIco.active a{background-image:url(assets/images/culture-hover.png);} .pageIconNav .careerIco a:hover, .pageIconNav .careerIco.active a{background-image:url(assets/images/career-hover.png);} /*Alumni*/ .entry-content h2{ color:#2950a3; font-size:28px; font-weight:normal} .entry-content h3{ font-size:20px; font-weight:bold} .entry-content ul { list-style:none; padding:0} .entry-content li { position:relative; padding:0 0 10px 25px;} .entry-content li:before { content:""; position:absolute; left:0; top:13px; border-bottom:1px solid #6e6e6e; height:1px; width:10px;} .entry-content .pageIconNav li:before { display:none} .featuresVideo { float:left; width:65%;} .featuresVideo iframe { width:100%;} .featuresText { float:right; width:32%;} .featuredGrid { margin:30px -1%; padding-bottom:30px; border-bottom:2px solid #eee} .featuredGrid .videoBlock { float:left; width:31.33%; margin:0 1%; text-align:center} .featuredGrid .videoBlock a { text-decoration:none;} .featuredGrid .videoBlock a:hover { opacity:0.8} .featuredGrid .videoBlock .videoTitle { display:block; margin-top:10px; font-size:18px} .videoList {float:left; width:32%;} .videoList ul { margin-bottom:10px;} .videoList li { padding:0 0 15px;} .videoList li::before { display:none;} .videoList li a { display:block;} .videoList li a:hover { opacity:0.8} .videoList li img { float:left; width:28%} .videoList li .videoTitle { float:right; width:68%} .videoSliderDiv { float:right; width:65%} /*alumniPage*/ .alumniPage {} .alumniRow { padding-top:50px;} .alumniBlock { position:relative; margin-bottom:50px; padding:40px 0 0 230px; min-height:200px;} .alumniBlock:nth-child(even) { padding:40px 230px 0 0; text-align:right} .alumniBlock:nth-child(odd) .alumniImg{ left:0} .alumniBlock:nth-child(even) .alumniImg{right:0} .alumniBlock .alumniImg{position:absolute; top:0; width:200px; height:200px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; overflow:hidden;} .alumniBlock .alumniImg img { width:100%} .alumniBlock blockquote { font-size:22px; color:#8B8B8B; font-weight:300; line-height:normal; text-align:left; margin-bottom:10px;} .alumniBlock:nth-child(even) blockquote { text-align:right} .alumniBlock .alumniName{color:#444586; font-weight:bold; font-style:italic} .connectNewsletter { max-width:500px; margin:0 auto; padding:30px; text-align:center; background-color:#2196f3; color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; background:url(assets/images/jambo.png) no-repeat center 20px #2196f3; background-size: auto 60px; padding-top:80px;} .connectNewsletter label { display:block; font-size:18px; font-weight:300; margin-bottom:20px;} .connectNewsletter .newsBox { display:block; width:100%; padding:10px 20px; border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin-bottom:10px} .connectNewsletter .newsletterForm { position:relative} .connectNewsletter .btns { text-align:right} .connectNewsletter .submitBtn {color:#2196f3; border:none; height:42px; padding:8px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; float:right;} .connectNewsletter .submitBtn:hover{background-color:#2196f3; color:#fff; border-color:#2196f3} .connectNewsletter span.wpcf7-not-valid-tip { text-align:left; margin-bottom:5px;} .projectListing { margin:0 -20px} .programPage { margin-bottom:40px;} .projectListing .projectBlock { float:left; width:calc(33.33% - 40px); margin:0 20px 40px;} .projectListing .projectBlock:nth-child(3n+1){ clear:left;} .projectListing .projectBlock h3{font-size:20px;font-weight:400; margin-bottom:15px; padding:0 20px;} .projectListing .projectBlock p { padding:0 20px;} .projectListing .projectBlock .prgImg{position:relative; margin-bottom:20px;} .programLeft { float:left; width:69%} .programRight {float:right; width:28%;} .programLogo { background-color:#eee;} .entry-content ul.programLogo {padding:20px 20px 0} .programLogo li { padding:0 0 20px; text-align:center;} .programLogo li img {} .entry-content ul.programLogo li:before { display:none;} .programText { float:left; width:32%;} .programSlider { float:right; width:63%} .interactiveMap { position:relative} .interactiveMap [cc] {fill: #ccc;stroke: #555;stroke-width: 0;} .interactiveMap .loc path {fill: #ccc;stroke: #555;stroke-width: 0; cursor:pointer} .interactiveMap .loc1 path {fill: #5cc3b0;} .interactiveMap .loc1:hover path {fill: #43a996;} .interactiveMap .darkyellow {fill: #EAAE5C} .interactiveMap .darkyellow:hover path{fill: #c38b3f} .interactiveMap .yellow {fill: #FEDB78} .interactiveMap .yellow:hover path{fill: #d4b355} .interactiveMap .blue {fill: #6FC0EC} .interactiveMap .blue:hover path{fill: #569fc7} .interactiveMap .green {fill: #B3D787} .interactiveMap .green:hover path{fill: #83a757} .interactiveMap .seagreen {fill: #5AC2B0} .interactiveMap .seagreen:hover path{fill: #328879} .interactiveMap .red {fill: #EA7E7E} .interactiveMap .red:hover path{fill: #bc5959} .listC {z-index:999; display:none; background-color:#eee; padding:20px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} .listC h2 {position:relative; padding-bottom:10px; font-weight:bold} .listC h2:before { content:""; position:absolute; left:0; bottom:0; background-color:#ccc; width:80px; height:2px;} .listC ul { margin-bottom:0} .listC li { float:left; width:33.33%} .formElement .message{ padding: 0;} .contactUsForm .wpcf7-form-control{ padding:15px 20px !important;} .contactUsForm .wpcf7-textarea{ height:140px;resize:none;} .contactUsForm .wpcf7-file { padding:0 !important} .contactUsForm .fileUpload { text-align:left} /******************************************************** Media Queries Tablets *********************************************** */ @-ms-viewport {width: device-width;} @viewport {width: device-width;} .missionStatement {background-color:#eee; padding:25px; margin-bottom:25px;border-left: 5px solid #2950a3;} .missionStatement h2 { font-weight:bold} .missionStatement :last-child { margin-bottom:0} .instafeed a{ float:left; width:calc(33.33% - 10px); margin:5px;} .instafeed a:nth-child(3n+1){ clear:left;} .page-id-375 .owl-theme .owl-controls .owl-nav .owl-prev, .page-id-375 .owl-theme .owl-controls .owl-nav .owl-next { top:32%} .ourPedagogy {} .ourPedagogy .pedagogyImg{float: right;margin-left: 30px; margin-bottom:20px} /**/ .entry-content .downloadList li::before { display:none;} .entry-content .downloadList { margin:0 -10px;} .entry-content .downloadList li { float:left; width:25%; padding:0 15px 30px; text-align:center} .entry-content .downloadList li:nth-child(4n+1){clear:left} .entry-content .downloadList img {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); padding:8px; margin-bottom:15px} .entry-content .downloadList li:hover img { opacity:0.8} .entry-content .downloadList h3 { font-size:18px; font-weight:600;} .entry-content .downloadList a { text-decoration:none} img.alignright { float:right; margin:0 0 20px 30px} .post-263 { text-align:justify} .accordion { margin-bottom:20px;} .accordion .accTrigger {background:url(assets/images/plus.png) left 10px no-repeat; padding-left:30px; cursor:pointer; font-weight:bold} .accordion .accTrigger a {display:block;text-decoration:none;outline:0} .accordion .accTrigger.active {background-image:url(assets/images/minus.png);} .accordDetail {display:none;} .highFrench { color:#fff; background-color:#414386; font-size:16px; font-weight:300; padding:25px 0;} .highFrench p { margin:0;} .highFrench span { display:block; font-style:italic; font-size:16px; margin-top:10px;} .highFrench a {color:#fff; text-decoration:underline} .highFrench a:hover { text-decoration:none} .event-card { margin-bottom: 30px; } .event-image { margin-bottom: 16px; } .event-content h3 { margin-bottom: 8px; } .event-icon { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom: 8px; font-size: 14px} .event-icon img {max-width: 16px;} .event-icon .event-icon-content { padding-left: 8px; max-width: calc(100% - 20px); flex: 0 0 calc(100% - 20px); line-height: 1.2; } .single-event .event-icon {margin-bottom: 18px;} .event-main { float: inherit; margin-left: auto; margin-right: auto; } .event-main .event-image { margin-top: 24px; } .blog-info a, .event-readmore{color: #e84a3d} .event-title {margin: 20px 0 10px;} .entImg {margin-bottom: 20px;} /* Modal */ .modal-open { overflow: hidden; padding-right: 17px; } .modal.show, .modal .modal__dialog.show { visibility: visible; opacity: 1; } .modal .modal__dialog.show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0, .8); z-index: 1000; visibility: hidden; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; padding: 0 16px; overflow: auto; } .modal .modal__container, .modal .modal__dialog .close { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal .modal__container { margin: 40px 0; min-height: calc(100% - 80px); } .modal .modal__dialog { max-width: 660px; width: 100%; position: relative; visibility: hidden; opacity: 0; -webkit-transform: translateY(-64px); -ms-transform: translateY(-64px); transform: translateY(-64px); -webkit-transition: all .25s ease-in-out .15s; -o-transition: all .25s ease-in-out .15s; transition: all .25s ease-in-out .15s; max-height: 100%; background-color: #fff; padding: 16px; border-radius: 16px; } .modal .modal__dialog .close { position: absolute; top: -12px; right: -12px; width: 32px; height: 32px; z-index: 2; } @media only screen and (max-width: 1279px) { .wrap{width:100%;padding:0px 15px;} .certiListing{ margin:0;} .certiBlock{ padding:15px 20px;} .certiBlock img{ max-height:92px;} .videoHBlock iframe,.facebookBlock iframe{width:100%;} } @media only screen and (max-width: 1169px) { #iframeVideo iframe{width:100%;max-width:100%;left:0;right:0;margin: -320px 0 0;} .certiListing { margin:0; text-align:center} .certiBlock{padding:15px; float:none; display:inline-block} .certiBlock img{max-height:60px;} .teamListing .teamBlock{ padding-top:260px;} } @media only screen and (max-width: 1023px) { .cols-md-6{width: 50%;} .featuresVideo iframe{ width:100%;} .teamListing .teamBlock{ padding-top:230px;} .entry-content .downloadList li {width:33.33%;} .entry-content .downloadList li:nth-child(4n+1){clear:none} .entry-content .downloadList li:nth-child(3n+1){clear:left} } @media only screen and (max-width: 899px) { .mainNav li{ margin-left: 15px;} .mainNav li a{font-size: 14px;} #mainBanner{height: 500px;} #mainBanner iframe{ height:500px;} .homeBlock .row{margin:0;} .homeBlock .cols4{ margin:0;} .eventsHome{ width:100% !important;margin-bottom:15px !important;} .videoHBlock{width:49% !important;} .facebookBlock{ float:right;width:49% !important;} .footerLinks li{ padding:0 20px;} .footerLinks li a{ font-size:14px;} .primaryPage h2,.secondaryPage h2,.higherSecondary h2,.listC h2,.featuresText h2,.secTeamTitle,.teamInfo h1{ font-size:24px !important;} .projectBlock h3,.alumniBlock blockquote{font-size:18px;} .listC li{width:50%;} .featuresVideo {float: none;margin-bottom: 20px;width: 100%;} .featuresText{ float:none;width:100%;} .founderListing .teamBlock{ width:22%;padding-top: 240px;} .teamListing .teamBlock{ margin: 0 1.5% 30px;width:22%;padding-top: 240px;} .teamListing .teamBlock:nth-child(5n+1){clear: inherit;} .teamListing .teamBlock:nth-child(4n+1){ clear:left;} .teamDetails .teamInfo h1 + h2{ font-size:14px;margin-top:-15px;} .projectListing .projectBlock {width: calc(50% - 40px);} .projectListing .projectBlock:nth-child(3n+1){ clear:none;} .projectListing .projectBlock:nth-child(2n+1){ clear:left;} .projectListing .projectBlock h3, .projectListing .projectBlock p { padding:0} .programText, .programSlider { float:none; width:auto;} } /* ************* Mobiles Media Queries ****************** */ @media only screen and (max-width: 767px) { .toggleMenu{display:block;float:right;margin: 38px 0px;cursor:pointer;background-color:#3e3e3e !important;border:0px;height:35px;width:35px;padding:0;} .toggleMenu .fa{ color:#fff;} .toggleMenu:hover{background-color:#444586 !important;} .mainNav{display:none;clear:both;float: none;margin: 0;width: 100%; position: absolute;left: 0;right: 0;top: 100px;background-color:#3e3e3e;} .mainNav li{ float:none;margin:0;border-bottom:1px solid #fff;} .mainNav li a{padding: 7px 15px;display:block;color:#fff;font-weight:700;} .mainNav li a:hover{ background-color:#444586;color:#fff;} .mainNav li a:before {display:none;transform:none;visibility:visible;left:inherit;} .mainNav li a:hover:before, .mainNav .current-menu-item a:before {display:none;} .mainNav li:hover .sub-menu{ display:none;} .sub-menu{background-color:#222;box-shadow: none;position: relative;top: 0;left: 0;margin-left: 0 !important;width: 100%;border-top: 1px solid #fff; display:block; position:static; text-align:left} .sub-menu li a { text-align:left} .mainNav li:hover .sub-menu { display:block;} .sub-menu li:last-child{border-bottom:0px;} .sub-menu li a{color:#fff;font-weight:500;} .mainNav #menu-item-271 a,.mainNav #menu-item-292 a{ cursor:pointer;} .mainNav #menu-item-271 a::before,.mainNav #menu-item-292 a::before{background: rgba(0, 0, 0, 0) url("assets/images/down-arrow.png") no-repeat scroll center center / 100% 100%;content: "";position: absolute;right: 15px;top: 10px;height: 20px;width: 20px;display:block;} .mainNav .sub-menu li a::before{ background:none !important;} .mainNav .current_page_item a{background-color: #444586;} img.alignright { float:none; margin:0 auto 20px; display:block;} .introText,.homeBlock{padding: 25px 0;} .storyText{float: none;width: 100%;margin-bottom: 30px;padding-right: 0;} .videoBlock{float: none;width: 100%;} .videoBlock img{width: 100%;} #iframeVideo iframe {left: 0;right: 0;top: 50px;margin: 0 auto;height: 400px;padding:0 15px;} .certiBlock img{max-height:60px;} .footerLinks li{ padding:0px 15px;} #innerBanner h1{ font-size:30px;} .contentLeft .entry-content h2{font-size:24px;} .contentLeft{ float:none;width:100%;margin-bottom:30px;} #sidebar, .blogSidebar {float: none;width: 100%;} .programLeft{float:none;width:100%;margin-bottom:30px;} .programRight{float:none;width:100%;} .projectListing{ margin:0;} .projectBlock{ float:none;width:400px;margin:0 auto;padding:15px;text-align:center;margin-bottom:15px;} .projectBlock p{ text-align:justify;} .owl-theme .owl-controls .owl-nav .owl-prev{ height:40px;width:40px;background-position:15px center;background-size:60px auto;} .owl-theme .owl-controls .owl-nav .owl-next{ height:40px;width:40px;background-position:-30px center;background-size:60px auto;} .alumniBlock blockquote,.connectNewsletter label{ font-size:16px;} .pageIntro p{font-size:16px;text-align:justify;} .alumniBlock .alumniName{ font-size:14px;} .featuredGrid .videoBlock .videoTitle{ font-size:16px;} .contactForm{ width:100%;} .googleMap iframe{ height:400px !important;} .contactUsForm .btns input{ font-size:18px; height: 45px;padding: 0 15px !important;} .founderListing .teamBlock{ width:40%;} .teamListing .teamBlock img{ width:180px !important;left:0;right:0;margin:0 auto;} .teamListing .teamBlock .teamName{ font-size:15px;} .teamListing .teamBlock .teamDesignation{ font-size:12px;} .teamListing .teamBlock {margin: 0 1% 30px;padding-top: 240px;width: 31.33%;} .teamListing .teamBlock:nth-child(4n+1){ clear:inherit;} .teamListing .teamBlock:nth-child(3n+1){ clear:left;} .teamDetails{ padding:0;} .certiBlock img{max-height:40px;} .projectListing .projectBlock {width:auto; float:none; margin:0 0 20px; padding:0} .page-id-375 .owl-theme .owl-controls .owl-nav .owl-prev, .page-id-375 .owl-theme .owl-controls .owl-nav .owl-next { top:25%} .entry-content h2 { font-size:24px;} .owl-theme .owl-dots .owl-dot span { margin:5px 2px;} .ourPedagogy .pedagogyImg{float: none;margin:0 auto 20px; display:block;} .entry-content .downloadList li {width:50%;} .entry-content .downloadList li:nth-child(3n+1){clear:none} .entry-content .downloadList li:nth-child(2n+1){clear:left} #mainBanner .bannerBtn {padding:5px 0; width:140px; font-size:16px; margin-left:-70px; bottom:60px;} .newsListing .post {float: none; width: auto} } @media only screen and (max-width: 639px) { .cols-sm-12{width: 100%;} #mainBanner {height: 350px;} #mainBanner iframe{ height:350px;} .storyText h2{ font-size:24px;margin-bottom:15px;} .storyText p{margin-bottom:15px;text-align:justify;} .introText .btn{ font-size:16px;line-height:20px;} .homeBlock .cols4{ min-height:auto;} .videoHBlock,.facebookBlock{ width:100% !important;margin-bottom:15px !important;} .footerLinks li{ padding:0;display:block;} .footerLinks li::before{ display:none;} .copyright{ font-size:14px;} #innerBanner,.programPage{ margin-bottom:20px;} #innerBanner h1{padding: 125px 0 0; text-align:center;} .contentLeft .entry-content h2{ margin-bottom:15px;} .contentLeft .entry-content p,.primaryPage p,.secondaryPage p,.higherSecondary p,.featuresText p{ margin-bottom:15px;text-align:justify;} .primaryPage h2,.primaryPage h3,.secondaryPage h2,.secondaryPage h3,.higherSecondary h2,.higherSecondary h3,.featuresText h2{ margin-bottom:15px;} .listC li{ font-size:14px;} .featuredGrid{ margin:0;margin-top:10px;padding-bottom:20px;} .featuredGrid .videoBlock {float: none;margin: 0 0 15px;text-align: center;width: 100%;} .videoList {float: none;margin:25px 0px;width: 100%;text-align:center;} .videoList .videoTitle{text-align:left;} .videoSliderDiv {float: none;width: 100%;} .founderListing .teamBlock,.teamListing .teamBlock{ width:47% !important;} .teamListing .teamBlock:nth-child(3n+1){ clear:inherit;} .teamListing .teamBlock:nth-child(2n+1){ clear:left;} .teamDetails .teamBlock {float: none;height: 300px;margin-bottom: 20px;width: 100%;text-align: center;} .teamDetails .teamInfo {float: none;padding-left: 0;width: 100%;text-align: center;} .teamDetails .teamBlock img{ left:0;right:0;margin:0 auto;height:300px;} .entry-content .downloadList li {width:auto; float:none;} .entry-content .downloadList h3 { font-size:16px} } @media only screen and (max-width: 479px) { .siteLogo{float: none;margin:10px 0;text-align: center;} .toggleMenu {display: block;float: none;margin: 15px auto;} .mainNav{ top:120px;} #iframeVideo iframe{ height:300px;} .storyText h2{ text-align:center;} .introText .btn {display: block;font-size: 16px;line-height: 20px;margin: 0 auto;text-align: center;} .eventsHome{ text-align:center;width:100%;} .eventBlock .eventImg{ float:none;margin-bottom:15px;width:100%;} .eventBlock .eventInfo{ float:none;margin-bottom:15px;width:100%;padding-left:0;} .videoHBlock,.facebookBlock{ text-align:center;} .projectBlock{ width:100%;} .projectBlock .prgImg img{width:100%;} .projectBlock h3,.projectBlock p{ padding:0;} .alumniBlock {margin: 0 auto;min-height: auto;padding: 0;text-align: center;margin-bottom:20px;width:100%;} .alumniBlock .alumniImg{ position:relative;margin:0 auto;text-align:center;margin-bottom:10px;height:130px;width:130px;} .alumniBlock blockquote,.alumniBlock:nth-child(2n) blockquote{ text-align:center;} .alumniBlock:nth-child(2n){text-align:center;padding:0;} .listC li{ float:none;width:100%;} .featuresVideo iframe{ height:260px;} .contactUsForm{ padding:0;} .contactUsForm .formGroup .formElement{float: none;margin:0 auto;width: 100%;margin-bottom:10px;} .contactUsForm .wpcf7-form-control{ padding:10px 15px !important;} .contactUsForm .formElement{ margin:0;margin-bottom:15px;} .contactForm{ padding-bottom:10px;} .contactUsForm div.wpcf7-response-output{ margin:0;} .googleMap iframe{ height:350px !important;} .googleMap h3{font-size: 16px;} .googleMap p{ font-size:14px;} .page-id-375 .owl-theme .owl-controls .owl-nav .owl-prev, .page-id-375 .owl-theme .owl-controls .owl-nav .owl-next { top:130px} } @media only screen and (max-width: 420px) { .teamListing .teamBlock img{ width:150px !important;} .teamListing .teamBlock{ padding-top:200px;} .page-id-375 .owl-theme .owl-controls .owl-nav .owl-prev, .page-id-375 .owl-theme .owl-controls .owl-nav .owl-next { top:100px} #mainBanner .bannerBtn {bottom:20px;} } .social-iconz { display: flex; gap: 20px; justify-content: center; margin-bottom: 20px; } .social-iconz .icon-circle { width: 50px; height: 50px; border: 2px solid #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 28px; transition: all 0.3s ease; text-decoration: none; } .social-iconz .icon-circle:hover { border-color: #fff; transform: scale(1.1); } @media only screen and (max-width: 359px) { .contactUsForm .btns input{ display:block;width:100%;} .teamListing .teamBlock{ padding-top:195px;} } .siteLogo img { height: 70px; width: auto; } /*----updated-css----*/ .contact-wrapper { padding: 20px 0; animation: fadeIn 1s ease-out; margin-bottom: 30px; } .contact-wrapper .equal-height { display: flex; flex-direction: column; height: 100%; position: relative; z-index: 1; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .contact-wrapper .equal-height:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1); } .form-col, .info-col { padding: 30px; background: #fff; position: relative; } .form-col::before, .info-col::before { content: ''; position: absolute; width: 250px; height: 250px; background: radial-gradient(circle, rgba(13, 110, 253, 0.15), transparent 70%); top: -60px; right: -60px; z-index: -1; border-radius: 50%; animation: pulse 5s infinite alternate; } .info-col { background: #dddddd; color: #000; } .info-col::before { background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent 70%); top: auto; bottom: -60px; left: -60px; } .contact-wrapper .contact-info i { font-size: 1.3rem; margin-right: 10px; } .contact-wrapper .contact-info a { color: #000; text-decoration: none; transition: color 0.3s; } .contact-wrapper .contact-info a:hover { color: #000; } .contact-wrapper .form-control { transition: all 0.3s ease; } .contact-wrapper .form-control:focus { border-color: #00275f; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .contact-wrapper .btn-primary { background-color: #00275f; border: none; transition: background-color 0.3s ease, transform 0.2s ease; } .contact-wrapper .btn-primary:hover { background-color: #001f4d; transform: scale(1.02); } .contact-wrapper .btn-primary:active { transform: scale(0.98); } .contact-wrapper .h3-clr { color: #001f4d; } .contact-wrapper .sub-btn { background-color: #023074 !important; } .contact-wrapper .sub-btn:hover { background-color: #001f4d !important; } .contact-wrapper .equal-height { border: 3px solid #717171a3; } @keyframes pulse { 0% { transform: scale(1); opacity: 0.3; } 100% { transform: scale(1.2); opacity: 0.1; } } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 767px) { .equal-height { height: auto; } .contact-wrapper { padding: 30px 0; } } .gallery-video iframe { width: 100%; } .gallery-heading h2 { color: #2950a3; font-size: 28px; font-weight: normal; } .gallery-heading p{ margin: 0px 0px 25px; } .gallery-photos { padding: 10px; border: 1px solid #191f6f63; border-radius: 15px; } .gallery-photos h5 { color: #000; margin-top: 10px; text-align: center; } .gallery-photos a { text-decoration: none; } .slider-container { overflow: hidden; position: relative; } .slider-title { font-size: 18px; font-weight: bold; padding: 10px; } .slides { display: flex; width: 100%; transition: transform 0.6s ease; } .slide { min-width: 100%; transition: opacity 0.5s ease-in-out; position: relative; } .slide img { width: 100%; height: auto; display: block; } .arrows { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); } .arrow { background: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px; cursor: pointer; } .dots { text-align: center; padding: 10px 0; } .dot { display: inline-block; width: 10px; height: 10px; margin: 5px; background-color: #ccc; border-radius: 50%; cursor: pointer; } .dot.active { background-color: #003366; } .slider-title { font-size: 24px; } .gallery-slidar { margin-top: 20px; } .mapText { position: absolute; left: 0; top: 40%; width: 100%; z-index: 9; text-align: center; color: #fffdfd; padding: 30px 0 0; font-size: 20px; } .googleMap { position: relative; height: 400px !important; overflow: hidden; } .mapText a { color: #fff; text-decoration: auto; background-color: cornflowerblue; padding: 10px 12px; } .mapText a:hover { background-color: rgb(36, 106, 236); }